<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东购物车</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
    <div class="logos">
        <a href="http://www.jd.com" class="logo"></a>
        <a href="#" class="link">
            <b></b>
        </a>
    </div>
    <h4>全部商品<span id="num"></span></h4>
    <ul class="ul1 clearfix">
        <li>商品</li>
        <li>名称</li>
        <li>单价</li>
        <li>数量</li>
        <li>小计</li>
        <li>操作</li>
    </ul>
    <div class="content">
        <div class="ty-style">
            <img src="images/a1_03.png" alt="">
            <div class="text">
                <img src="images/a6_03.png" alt="" class="jd-jx">
                <img src="images/a7_05.png" alt="" class="sx">
                <span>美伦达 章南脐橙</span>
                <span class="sp1-1">颜色：章南脐橙铂金果 3斤装</span>
                <br>
                <span>2017新上市 3斤装 铂金果</span>
            </div>
            <div class="price1 price">
                ￥<i>25.80</i>
            </div>
            <div class="number">
                <input type="text" title="" value="1">
                <br>
                <span class="sp2">有货</span>
            </div>
            <div class="subtotal">
                <span class="sp3">￥<i></i></span>
                <br>
                <span class="sp4">1.68kg</span>
            </div>
            <div class="delete">
                删除
            </div>
        </div>
        <div class="ty-style">
            <img src="images/a2_06.png" alt="">
            <div class="text">
                <img src="images/a7_05.png" alt="" class="sx">
                <span>Camposol 秘鲁进口精选蓝</span>
                <span class="sp1-2">颜色：秘鲁蓝莓 4盒装</span>
                <br>
                <span>莓 4盒装 单盒约125g 新鲜水果</span>
            </div>
            <div class="price2 price">
                ￥<i>46.90</i>
            </div>
            <div class="number">
                <input type="text" title="" value="1">
                <br>
                <span class="sp2">有货</span>
            </div>
            <div class="subtotal">
                <span class="sp3">￥<i></i></span>
                <br>
                <span class="sp4">1.25kg</span>
            </div>
            <div class="delete">
                删除
            </div>
        </div>
        <div class="ty-style">
            <img src="images/a3_03.png" alt="">
            <div class="text">
                <img src="images/a7_05.png" alt="" class="sx">
                <span>快乐果园 广西青皮芒果 2个</span>
                <span class="sp1-3">颜色：青皮芒 2粒 尝鲜装</span>
                <br>
                <span>装 单果约260g以上 新鲜水果</span>
            </div>
            <div class="price3 price">
                ￥<i>10.90</i>
            </div>
            <div class="number">
                <input type="text" title="" value="1">
                <br>
                <span class="sp2">有货</span>
            </div>
            <div class="subtotal">
                <span class="sp3">￥<i></i></span>
                <br>
                <span class="sp4">0.75kg</span>
            </div>
            <div class="delete">
                删除
            </div>
        </div>
        <div class="ty-style">
            <img src="images/a4_06.png" alt="">
            <div class="text">
                <img src="images/a7_05.png" alt="" class="sx">
                <span>爱奇果 新疆库尔勒香梨 约</span>
                <span class="sp1-4">颜色：2.5kg单果约120-150g</span>
                <br>
                <span>2.5kg 当季新果 特级装 单果约120-</span>
            </div>
            <div class="price4 price">
                ￥<i>39.90</i>
            </div>
            <div class="number">
                <input type="text" title="" value="1">
                <br>
                <span class="sp2">有货</span>
            </div>
            <div class="subtotal">
                <span class="sp3">￥<i></i></span>
                <br>
                <span class="sp4">2.6kg</span>
            </div>
            <div class="delete">
                删除
            </div>
        </div>
        <div class="ty-style">
            <img src="images/a5_08.png" alt="">
            <div class="text">
                <img src="images/a7_05.png" alt="" class="sx">
                <span>宏辉果蔬 苹果 烟台红富士</span>
                <span class="sp1-5">颜色：12粒75mm红富士</span>
                <br>
                <span>12个 单果约75mm 总重约2.1kg 新鲜</span>
            </div>
            <div class="price5 price">
                ￥<i>34.90</i>
            </div>
            <div class="number">
                <input type="text" title="" value="1">
                <br>
                <span class="sp2">有货</span>
            </div>
            <div class="subtotal">
                <span class="sp3">￥<i></i></span>
                <br>
                <span class="sp4">2.1kg</span>
            </div>
            <div class="delete">
                删除
            </div>
        </div>
    </div>
    <div class="total-price">
        <div>
            <span><span class="aa">总价：</span>￥<i id="total_p"></i></span>
        </div>
    </div>
</div>
<script src="js/script.js"></script>
</body>
</html>